{% extends 'base.html' %}

{% block breadcrumb %}
  <li class="breadcrumb-item active">首页</li>
{% endblock %}

{% block content %}
<div class="row">
    <div class="col-sm-8 col-md-4">
<div class="jumbotron">
  <h1>任务!</h1>
  <p>通过领取并完成任务可以获得奖励点数，奖励点数可以兑换奖品</p>
  <p><a class="btn btn-primary btn-lg" href="{% url 'Tasks:task_index' %}" role="button">任务领取</a></p>
</div>
    </div>
    <div class="col-sm-8 col-md-4">
<div class="jumbotron">
  <h1>发布!</h1>
  <p>如果有需要别人帮助的，都可以发布在这里</p>
  <p><a class="btn btn-primary btn-lg" href="{% url 'Tasks:new_task' %}" role="button">任务发布</a></p>
</div>
    </div>
    <div class="col-sm-8 col-md-4">
<div class="jumbotron">
  <h1>奖品!</h1>
  <p>快来看看都可以兑换什么好东东吧</p>
  <p><a class="btn btn-primary btn-lg" href="{% url 'Tasks:gift_index' %}" role="button">兑换奖励</a></p>
</div>
    </div>
</div>
<div class="row"> <!-- row 2  -->
    <div class="col-sm-8 col-md-4">
<div class="jumbotron">
  <h1>我的!</h1>
  <p>这里可以查看已经领取任务的情况</p>
  <p><a class="btn btn-primary btn-lg" href="{% url 'Tasks:my_task' %}" role="button">我的任务</a></p>
</div>
    </div>
    <div class="col-sm-8 col-md-4">
<div class="jumbotron">
  <h1>许愿!</h1>
  <p>如果奖品列表里面没有你想要的，可以到这里来登记</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">许愿池</a></p>
</div>
    </div>
    <div class="col-sm-8 col-md-4">
<div class="jumbotron">
  <h1>论坛!</h1>
  <p>这里可以发布任何话题</p>
  <p><a class="btn btn-primary btn-lg" href="#" role="button">讨论区</a></p>
</div>
    </div>
</div>
{% endblock %}
